<template>
  <div>
      <h1>班级列表展示</h1>
      <p v-for="(i,j) in class_li" :key="j">
          {{i.name}}
          <button @click="ck(i.id)">查看详情</button>
          <button @click="jr(i.id)">加入班级</button>
      </p>
  </div>
</template>

<script>
import axios from 'axios'
export default {
    data(){
        return{
            // 状态保持  id
            id:sessionStorage.getItem("id"),
            user:sessionStorage.getItem("user"),
            class_li:[]
        }
    },
    // 点击事件
    methods:{
        // 查看详情   做跳转的时候有r
        ck(id){
            this.$router.push('/studentxq/?id=' +id)
        },
        jr(){

        }
    },
    // 钩子函数
    created(){
        axios({
            url:'http://127.0.0.1:8000/zhu/zi3/',
            method:'get'
        }).then(res=>{
            console.log(res.data)
            this.class_li = res.data.class_li
        })
    }
}
</script>

<style>

</style>